<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="../img/com/logo.png">
    <link rel="stylesheet" href="../asserts/css/normalize.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/pageCom.css">
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .fl{
            float: left;
        }
        .fr{
            float: right;
        }
        li{
            list-style: none;
        }
        #box1,#box2{
            width:98%;
            margin:0 auto;
        }
        .pagination{
            width: 98%;
            margin: 0 auto;
        }
        /*search*/
        .search{
            margin: 1rem auto;
        }
        .search>input{
            width: 10rem;
            height: 1.5rem;
            font-size: 14px;
            border: 1px solid gray;
            border-radius: 0.2rem;
            padding-left: 0.3rem;
        }
        input:-moz-placeholder,
        textarea:-moz-placeholder {
            color: #000;
        }

        input:-ms-input-placeholder,
        textarea:-ms-input-placeholder {
            color: #000;
        }

        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #000;
        }
        .btn{
            margin-left: 1rem;
            padding: 0.05rem 1.5rem;
            background: #00adef;
            color: #fff;
            border-radius: 0.3rem;
            text-align: center;
        }
        /*表格*/
        .tableBox {
            width: 100%;
            overflow: hidden;
        }
        .tableBox:hover {
            overflow: auto;
        }
        table {
            border: .1rem solid #ddd;
        }

        table tr {
            white-space: nowrap;
        }

        tbody > tr:hover > td {
            background-color: #fff;
        }

        table > thead > tr > th,
        table > tbody > tr > td {
            font-size: .83rem;
            padding: .32rem 0rem;
        }
        table td:nth-of-type(1){
            background-color: #fff;
        }

        table > thead > tr > th {
            width: 100%;
            font-weight: normal;
            color: #fff;
            background-color: #00abde;
        }

        .whitePage table > thead > tr > th{
            font-size: .83rem;
             padding: 0.5rem 1rem;
        }
        .whitePage table > tbody > tr > td{
            padding: 0.1rem 1rem;
        }
        /*tab点击切换table*/
        #tit{
            width: 100%;
            height: 2.8rem;
            overflow: hidden;
            border-bottom: 1px solid #8e8e8e;
        }
        #tit span{
            float: left;
            width: 6rem;
            height: 2.8rem;
            line-height: 3rem;
            text-align: center;
            cursor: pointer;

        }
        #con{
            width: 100%;
            height: 100%;
        }
        #con li{
            width: 100%;
            height: 100%;
            display: none;

        }
        #con .show{
            display: block;
        }
        #tit .select{
            color:#00adef;
            border-bottom: 0.3rem solid #00adef;
        }

    </style>
</head>
<body class="whitePage" id="05_01fengxianshijianchuli" data-title="风险事件处理">
<div class="container">
    <div id="box1">
        <div class="tableBox">
            <table>
                <thead>
                <tr>
                    <th>交易市场</th>
                    <th>中心资金账户</th>
                    <th>中心客户编码</th>
                    <th>市场客户号</th>
                    <th>市场资金账户</th>
                    <th>姓名</th>
                    <th>客户全称</th>
                    <th>币种</th>
                    <th>机构组织</th>
                    <th>证件类别</th>
                    <th>证件编号</th>

                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>山东地红</td>
                    <td>00114378353573</td>
                    <td>43576867564583</td>
                    <td>7867543234567</td>
                    <td>45677674356</td>
                    <td>王建国</td>
                    <td>王建国</td>
                    <td>RMB</td>
                    <td>个人</td>
                    <td>身份证</td>
                    <td>34556755432134</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <br>
    <div id="box2">
        <div id="tit">
            <span class="select">个人客户</span>
            <span>对公客户</span>
            <span>基本合同信息</span>
            <span>担保合同</span>
            <span>明细查询</span>
            <span>额度查询</span>
        </div>
        <ul id="con">
            <!-- 客户信息 start -->
            <li class="show">
                <div class="search">
                    <label for="cursorName">客户名称:</label>
                    <input type="text"id="cursorName" placeholder="请输入客户名称">
                    <label for="cursorNameNumber">市场客户号:</label>
                    <input type="text" id="cursorNameNumber" placeholder="请输入客户号">
                    <button class="btn">查询</button>
                </div>
                <!-- 表格 -->
                <div class="tableBox">
                    <table>
                        <thead>
                        <tr>
                            <th>风险事件ID</th>
                            <th>报警时间</th>
                            <th>风险类别</th>
                            <th>风险指标</th>
                            <th>风险指标值</th>
                            <th>阙值</th>
                            <th>超出额</th>
                            <th>市场代码</th>
                            <th>市场名称</th>
                            <th>客户号</th>
                            <th>客户名称</th>
                            <th>业务菜单编码</th>
                            <th>业务菜单名称</th>
                            <th>业务类型</th>
                            <th>业务编码</th>
                            <th>处理人</th>
                            <th>处理状态</th>
                            <th>处理时间</th>
                            <th>风险说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr><td><a href="">449684</a></td><td>20180124 06:01:43</td><td>资金风险</td><td>出入金异常</td><td>12</td><td>10</td><td>20%</td><td>0011</td><td>山东天地红</td><td>001100001130</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180124 16:07:39</td><td class="more"><a href="">查看</a></td></tr>
                        <tr><td><a href="">449684</a></td><td>20180124 06:01:43</td><td>资金风险</td><td>出入金异常</td><td>12</td><td>10</td><td>20%</td><td>0011</td><td>山东天地红</td><td>001100001130</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180124 16:07:39</td><td class="more"><a href="">查看</a></td></tr>
                        <tr><td><a href="">449684</a></td><td>20180124 06:01:43</td><td>资金风险</td><td>出入金异常</td><td>12</td><td>10</td><td>20%</td><td>0011</td><td>山东天地红</td><td>001100001130</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180124 16:07:39</td><td class="more"><a href="">查看</a></td></tr>
                        <tr><td><a href="">449684</a></td><td>20180124 06:01:43</td><td>资金风险</td><td>出入金异常</td><td>12</td><td>10</td><td>20%</td><td>0011</td><td>山东天地红</td><td>001100001130</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180124 16:07:39</td><td class="more"><a href="">查看</a></td></tr>
                        <tr><td><a href="">449684</a></td><td>20180124 06:01:43</td><td>资金风险</td><td>出入金异常</td><td>12</td><td>10</td><td>20%</td><td>0011</td><td>山东天地红</td><td>001100001130</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180124 16:07:39</td><td class="more"><a href="">查看</a></td></tr>
                        <tr><td><a href="">449684</a></td><td>20180124 06:01:43</td><td>资金风险</td><td>出入金异常</td><td>12</td><td>10</td><td>20%</td><td>0011</td><td>山东天地红</td><td>001100001130</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180124 16:07:39</td><td class="more"><a href="">查看</a></td></tr>
                        <tr><td><a href="">449684</a></td><td>20180124 06:01:43</td><td>资金风险</td><td>出入金异常</td><td>12</td><td>10</td><td>20%</td><td>0011</td><td>山东天地红</td><td>001100001130</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180124 16:07:39</td><td class="more"><a href="">查看</a></td></tr>
                        <tr><td><a href="">449684</a></td><td>20180124 06:01:43</td><td>资金风险</td><td>出入金异常</td><td>12</td><td>10</td><td>20%</td><td>0011</td><td>山东天地红</td><td>001100001130</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180124 16:07:39</td><td class="more"><a href="">查看</a></td></tr>
                        <tr><td><a href="">449684</a></td><td>20180124 06:01:43</td><td>资金风险</td><td>出入金异常</td><td>12</td><td>10</td><td>20%</td><td>0011</td><td>山东天地红</td><td>001100001130</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180124 16:07:39</td><td class="more"><a href="">查看</a></td></tr>
                        <tr><td><a href="">449684</a></td><td>20180124 06:01:43</td><td>资金风险</td><td>出入金异常</td><td>12</td><td>10</td><td>20%</td><td>0011</td><td>山东天地红</td><td>001100001130</td><td>黄啸</td><td>ZJXX</td><td>资金信息</td><td>市场编码</td><td>资金信息</td><td>man</td><td>已提交</td><td>20180124 16:07:39</td><td class="more"><a href="">查看</a></td></tr>
                        </tbody>
                    </table>
                </div>
            </li>
            <!-- 客户信息 END -->
            <li></li>
            <li>内容三</li>
            <li>
                <div class="search">
                    <label for="cursorName4">客户名称:</label>
                    <input type="text" placeholder="请输入客户名称" id="cursorName4">
                    <label for="cursorNameNumber4">市场客户号:</label>
                    <input type="text" placeholder="请输入市场客户号" id="cursorNameNumber4">
                    <button class="btn">查询</button>
                </div>
                <!-- 表格 -->
                <div class="tableBox">
                    <table>
                        <thead>
                        <tr>
                            <th>合同管理-担保合同</th>
                            <th>担保合同编号</th>
                            <th>担保合同格式</th>
                            <th>业务编号</th>
                            <th>合同编号</th>
                            <th>是否最高额</th>
                            <th>担保人编号</th>
                            <th>担保人</th>
                            <th>关联类型</th>
                            <th>本次担保金额</th>
                            <th>担保率</th>
                            <th>起始日期</th>
                            <th>到期日期</th>
                            <th>签约日期</th>
                            <th>签订机构</th>
                            <th>生效标志</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td>2</td>
                            <td>3</td>
                            <td>4</td>
                            <td>5</td>
                            <td>6</td>
                            <td>7</td>
                            <td>8</td>
                            <td>9</td>
                            <td>10</td>
                            <td>11</td>
                            <td>12</td>
                            <td>13</td>
                            <td>14</td>
                            <td>15</td>
                            <td>16</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </li>
            <li>内容五</li>
            <li>
                <div class="search">
                    <label for="cursorName6">客户名称:</label>
                    <input type="text" placeholder="请输入客户名称" id="cursorName6">
                    <label for="cursorNameNumber6">市场客户号:</label>
                    <input type="text" placeholder="请输入市场客户号" id="cursorNameNumber6">
                    <button class="btn">查询</button>
                </div>
                <!-- 表格 -->
                <div class="tableBox">
                    <table>
                        <thead>
                        <tr>
                            <th>额度管理_个人额度_额度调整_综合额度</th>
                            <th>客户编号</th>
                            <th>客户名称</th>
                            <th>抵押额度</th>
                            <th>质押额度</th>
                            <th>保证额度</th>
                            <th>信用额度</th>
                            <th>授信总额度</th>
                            <th>可用额度</th>
                            <th>币种</th>
                            <th>额度循环方式</th>
                            <th>定额_定比递减值</th>
                            <th>额度期限控制方式</th>
                            <th>额度期限</th>
                            <th>额度起始日期</th>
                            <th>额度到期日期</th>
                            <th>担保方式</th>
                            <th>贷款支用有效期限</th>
                            <th>贷款最长期限</th>
                            <th>主动授信标志</th>
                            <th>额度统一控制方式</th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td>2</td>
                            <td>3</td>
                            <td>4</td>
                            <td>5</td>
                            <td>6</td>
                            <td>7</td>
                            <td>8</td>
                            <td>9</td>
                            <td>10</td>
                            <td>11</td>
                            <td>12</td>
                            <td>13</td>
                            <td>14</td>
                            <td>15</td>
                            <td>16</td>
                            <td>17</td>
                            <td>18</td>
                            <td>19</td>
                            <td>20</td>
                            <td>21</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </li>
        </ul>
    </div>
    <nav class="pagination">
        <ul>
            <li class="home">首页</li>
            <li class="split">|</li>
            <li class="prev">上一页</li>
            <li class="split">|</li>
            <li class="pageNumber">
                <label for="pageCurrent" hidden></label>
                <input id="pageCurrent" type="number" value="1">&nbsp;/
                <span class="pageTotal">30</span>
            </li>
            <li class="split">|</li>
            <li class="next">下一页</li>
            <li class="split">|</li>
            <li class="end">末页</li>
        </ul>
    </nav>

</div>

<script src="../asserts/js/jquery-2.2.4.js"></script>
<script src="../js/pageCom.js"></script>
<script src="../js/chartsCom.js"></script>

<script>

    $("#tit span").click(function () {
        var i= $("#tit span").index(this);
        $(this).addClass('select').siblings().removeClass('select');
        $("#con li").eq(i).show().siblings().hide();
    })
    $(".whitePage").find(".tableBox").scroll(function () {
        var $table =  $(this).children("table");
        var offsetLeft = $table.offset().left;
        $table.find("th:eq(0),tr>td:nth-of-type(1)").css("left",-offsetLeft)
        console.log()
    });

</script>
</body>
</html>
